<div>
    <div class="row tool-bar-row">
        <input class="btn btn-default ROLE_106" v-on:click="$refs.entityDataInfo.showInfoPanel({})" type="button" value="添加">
        <div class="pull-right">
            <form class="form-inline">
                <div class="form-group">
                    <input type="text" v-model="queryData.keyword" class="form-control" id="exampleInputAmount"
                           placeholder="username/email/mobile">
                </div>
                <input v-on:click="queryPageData(1, queryData.pageSize)" class="btn btn-primary" type="button" value="搜索">
            </form>
        </div>
    </div>

    <table class="table table-striped">
        <thead>
        <tr>
            <th> ID </th>
            <th> 账号 </th>
            <th> 昵称 </th>
            <th> 邮箱</th>
            <th> 手机号 </th>
            <th class="no-show"> 添加时间 </th>
            <th> 更新时间 </th>
            <th class="ignore"> 操作 
            	<list-column-option></list-column-option>
            </th>
        </tr>
        </thead>

        <tbody>

        <tr v-for="entityData in entityDataList" >
            <td> {{entityData.id}} </td>
            <td> {{entityData.username}} </td>
            <td> {{entityData.nickname}} </td>
            <td> {{entityData.email}} </td>
            <td> {{entityData.mobile}} </td>
            <td> {{entityData.create_time}} </td>
            <td> {{entityData.update_time}} </td>
            <td>
                <button v-on:click="$refs.entityDataInfo.showInfoPanel({id:entityData.id})" type="button" class="btn btn-info btn-xs ROLE_102"> 查看/修改 </button>
                <button v-on:click="delRowData(entityData.id)" type="button" class="btn btn-danger btn-xs ROLE_104"> 删除 </button>
            </td>
        </tr>

        </tbody>
    </table>

    <!-- 分页 -->
    <table-page
            v-bind:notification-change="tablePage.notificationChange"
            v-bind:reload-notification="tablePage.reloadNotification"
            v-bind:total-count="tablePage.totalCount"
            v-bind:curr-page="tablePage.currPage"
            v-on:change-page="queryPageData">
     </table-page>

    <!-- 添加用户 -->
    <sys-user-info ref="entityDataInfo" v-on:completed="reloadPage" ></sys-user-info>
	
	<!-- 过滤条件 -->
	<list-query-filter v-bind:condition-set="conditionSet" v-on:query-complete="queryPageDataByCondition" ></list-query-filter>
	
</div>